body {
  margin: 0;
}
.map {
  position: relative;
  width: 900px;
  height: 600px;
  background-color: #ccc;
}
.rule {
  position: absolute;
  width: 200px;
  height: 600px;
  left: 900px;
  top: 20px;
  background-color: #333;
  color: #fff;
}
.rule .title {
  text-align: center;
}
.enemy {
  width: 200px;
  left: 700px;
  background-color: #333;
  color: #fff;
}
.player {
  position: absolute;
  width: 200px;
  left: 700px;
  background-color: #333;
  color: #fff;
}
